<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; ISO-8859-1; charset=UTF-8" pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//ENhttp://wwww.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>SSE Demo</title>
</head>
<body>
<div id="msgFromPush"></div>

<script src="assets/js/jquery.js" type="text/javascript"></script>
<script>
    //判断是否支持sse客户端
    if(!!window.EventSource){
        var source = new EventSource('push');
        var s = '';
        source.addEventListener('message', function(e){
            s += e.data + "<br/>";
            $("#msgFromPush").html(s);
        })

        //添加sse客户端监听，在此获得服务端推送的消息
        source.addEventListener('open', function(e){
            console.log("连接打开");
        }, false);

        source.addEventListener('error', function(e){
            if(e.readyState == EventSource.CLOSED){
                console.log("连接关闭");
            }else{
                console.log(e.readyState);
            }
        }, false);
    }else{
        console.log("你的浏览器不支持SSE");
    }


</script>

</body>
</html>

